<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<style>
    *{
        padding: 0px;
        margin: 0px;
    }
    a:hover{
        color: red;
    }
    a{
        color: black;
        text-decoration:none;
    }
</style>
<body>
<div style="background-color: red;width:300px ; ">
<div style="width: 300px;height: 50px; background-color: red;">
<h1 style="color: white">全部商品分类  <img style="width: 20px;height: 20px;margin: 15px;padding: 0px;float: right" src="de0d8f660596fd19.gif" alt=""/></h1>
</div>
<div style="width: 300px; height: 200px;background-color: silver;float: left">
   <p style="text-align: left">
       <a href="">&#8195;&#8195;图书&#8195;</a><a href="">音像&#8195;</a><a href="">数字商品<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
       <a href="">&#8195;&#8195;家用电器&#8195;</a><a href="">手机&#8195;</a><a href="">数码<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
       <a href="">&#8195;&#8195;电脑&#8195;</a><a href="">办公<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
       <a href="">&#8195;&#8195;家具&#8195;</a><a href="">家装&#8195;</a><a href="">厨具<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
       <a href="">&#8195;&#8195;服饰鞋帽&#8195;</a><a href="">个护化妆<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
       <a href="">&#8195;&#8195;礼品箱包&#8195;</a><a href="">钟表&#8195;珠宝<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
       <a href="">&#8195;&#8195;食品饮料&#8195;</a><a href="">保健食品<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
       <a href="">&#8195;&#8195;彩票&#8195;</a><a href="">旅行&#8195;</a><a href="">充值&#8195;</a><a href="">票务<br/></a><img style="float: right" src="arrow-right.gif" alt=""/>
   </p>
</div>
</div>

</body>
</html>